<%@ page pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>人脉- ${website}</title>
	<%@ include file="/common/meta.jsp"%>
	<link href="${cdn}/css/personmain.css" rel="stylesheet" type="text/css"></link>
</head>
<body>
<%@ include file="/common/sitenav.jsp"%>
<div id="window">
	<div id="page">
		<!--头部start -->
		<jsp:include page="/common/person/header.jsp">
			<jsp:param value="contacts" name="column" />
		</jsp:include>
		<!--end头部-->
        
        <!------------人脉---------------------->
		<div class="section clearfix mtxl">
        	
            <!------------人脉-left---------------------->
        	<div class="lfloat float-friend">
            	<div class="mbs">
                    <div class="search">
                        <input type="text" onclick="javascript:this.value=''" value="搜索人、标签" />
                    </div>
                </div>
                
                <div class="mbs b-top">
                	<ul>
                    	<li class="friend">
                        	<div class="friend-title"><a href="#">我与他共同的好友</a></div>
                            <div class="friend-num">1021</div>
                        </li>
                        <li class="friend">
                        	<div><a href="#" class="friend-title">她圈内的好友</a></div>
                            <div class="friend-num">1021</div>
                        </li>
                        <li class="friend">
                        	<div><a href="#" class="friend-title">她的普通朋友</a></div>
                            <div class="friend-num">1021</div>
                        </li>
                    </ul>
                </div>
                
                <div class="mbs b-top">
                	<ul>
                    	<li class="friend <c:if test="${leftType eq 'follow'}">bcolor</c:if>">
                        	<div><a href="${ctx}/u/${user.id}/follow" class="friend-title">她关注的人</a></div>
                            <div class="friend-num">${user.figure.follows}</div>
                        </li>
                        <li class="friend <c:if test="${leftType eq 'fans'}">bcolor</c:if>">
                        	<div><a href="${ctx}/u/${user.id}/fans" class="friend-title">她的粉丝</a></div>
                            <div class="friend-num">${user.figure.fans}</div>
                        </li>
                    </ul>
                </div>
			</div>
            
            <!------------人脉-right---------------------->
			<div class="user-blog rfloat ">
            	<h3>已有的共同好友</h3>
                <div class="b-line" /></div>
                <div class="title-chose">
                	<ul>
                    	<li><a href="#" class="chose-padd">全部</a></li>
                        <li><a href="#" >经常上线的</a></li>
                        <li><a href="#">与我同城的</a></li>
                        <li><a href="#">年龄相近的</a></li>
                        <li><a href="#">圈内的</a></li>
                    </ul>
                </div>
				<div class="blog-list clearfix pam clearRight">
					<ul>
						<c:forEach var="follow" items="${follows}">
							<li class="friend-detail">
	                        	<a href="${ctx}/u/${follow.id}/home" class="friends-pic"><img src="${imgUrl}${follow.avatar}" alt="" /></a>
								<div class="friend-list">
									<div><a href="${ctx}/u/${follow.id}/home" class="friend-name">${follow.nickname}</a><a href="#">${follow.profession}</a></div>
									<div><span>间接</span></div>
	                                <button type="button" class="friend-attent">+ 关注</button>
								</div>
	                        </li>
						</c:forEach>
					</ul>
				</div>
				<div class="clearfix mbxxl pr">
					<div class="pagination8">
						<a class="prev-page" href="#"><span>上一页</span></a>
						<span class="current-page">1</span>
						<a class="next-page" href="#"><span>下一页</span></a>
					</div>
				</div>
			</div>
		</div>
        <!------------end 人脉---------------------->
        
		  <!-- footer start -->
		<%@ include file="/common/footer.jsp"%>
		<!-- footer end -->
	</div>
</div>
</body>  
</html>